<template>
  <div id="root">
    <router-view />
  </div>
</template>

<script>
import { loadingHidden } from "./tools";
export default {
  name: "App",
  data() {
    return {
      range: 0,
      checkValue: [],
      popupVisible: false,
      test: () => import("./test/testPage.vue"),
    };
  },
  components: {},
  mounted() {
    setTimeout(() => {
      loadingHidden()
    }, 100);
    // this.$toast({
    //   message: "Upload Complete",
    //   position: "bottom",
    //   duration: 5000,
    // });
    // this.$indicator.open();
  },
};
</script>

<style lang="less">
// 变量定义在:root伪类中
:root {
  --primary-color: #2c83e8;
  --primary-light: #e8f3ff;
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --text-highlight: #2c83e8;
  --text-delayed: #ff4d4f;
  --border-color: #eeeeee;
  --bg-primary: #ffffff;
  --bg-secondary: #f5f7fa;
  --badge-color: #ff4d4f;
  --pending-color: #2c83e8;
}

* {
  margin: 0;
  padding: 0;
  overflow-anchor: none;
}

html,
body {
  height: 100%;
}

#root {
  width: 100%;
  height: 100%;
  background-color: rgb(243, 245, 248);
  position: fixed;
  overflow: hidden;
  z-index: 100;
}
</style>
